import React, { useEffect } from 'react';
import { Box, Button, Input } from 'native-base';
import { CommonStyle } from '../../../../../common/commonStyle.ts';

interface ISearchTemplateProps {}
const SearchTemplate: React.FC<ISearchTemplateProps> = (props) => {
  return (
    <React.Fragment>
      <Box alignItems="center" paddingX={2} paddingY={2}>
        <Input
          variant="filled"
          height={10}
          borderRadius={8}
          type="text"
          placeholder="请输入产品关键字"
          InputRightElement={
            <Button size="xs" rounded="none" bg={CommonStyle.mainColor} w="1/6" h="full">
              搜索
            </Button>
          }
        />
      </Box>
    </React.Fragment>
  );
};

export default SearchTemplate;
